﻿<html>
<head>
    <style>
        html {
            overflow: hidden;
            overflow-y: scroll;
            vertical-scrollbar: my-v-scrollbar;
        }
        body {
            font-family: "Microsoft YaHei", Tahoma, sans-serif;
            margin: 15px;
            padding: 0;
        }

        .ip-list {
            display: block;
            font-size: 12px;
            background-color: #efefef;
            padding: 10px;
            margin: 5px;
            user-select: text;
        }
        .ip-list a {
            display: inline-block;
            text-decoration: underline;
            margin-right: 10px;
        }
        /* style block defining vertical scrollbar */
        @set my-v-scrollbar {
            .prev {
                display: none;
            }
            .next {
                display: none;
            }
            .base,
            .next-page,
            .prev-page {
                background-color: #f3f3f3;
                border: none;
            }
            .slider {
                background: #ccc;
                border-radius: 6px;
                border: 2px solid #f3f3f3;
            }
            .slider:hover {
                background: #999;
            }
            .slider:active {
                background: #888;
            }
            .base:disabled {
                background: transparent;
            }
            .base {
                width: 10px;
            }
            /* explicit declaration of its width */
            .corner {
                background: transparent;
            }
        }

        .top-form input,.top-form select {
            margin-left: 20px;
        }

    </style>

</head>

<body>
    <div class="top-form">
        <span>本机地址: </span>
        <select id="select_address"></select>

        <br/>

        <span>开始地址: </span>
        <input id="input_start_add" width="300px" />

        <br/>

        <span>结束地址: </span>
        <input id="input_end_add" width="300px" />

        <br/>

        <button id="btn_refresh_ip_list" style="margin: 10px 0;">开始扫描主机IP</button>
        <span style="margin: 10px 0;">点击IP地址可复制到剪贴板</span>
    </div>

    <div class="ip-list" id="ip_list">
        请点击上方按钮开始扫描局域网内主机IP
    </div>
   
    <script type="text/tiscript">
        function self.ready()
        {
            view.docunmentComplete();
        }
    </script>
</body>
</html>
